<html>
  <head>
    <title>使用副作用（Effect）同步</title>
  </head>
  <body>
    <script>
        // 使用副作用(Effect)同步
                /*
                    有些组件需要与外部系统同步。
                    例如，你可能希望根据React状态控制"非React组件"、设置服务器连接或在组件出现在屏幕上时发送分析日志。
                    副左右(Effect)会在渲染后执行一些代码，以便可以将组件与React之外的某些系统同步。
                */

                // 一、什么是副作用(Effect)
                        /*
                            在谈到副作用(Effect)之前，你需要熟悉React组件中的两个逻辑类型：
                                1、渲染逻辑代码(在描述UI中有介绍)，位于组件顶层。
                                        你将在这里接收属性（props）和 状态(state),并对它们进行转换，最终返回你想在屏幕上看到的JSX。
                                      渲染的代码必须使纯粹的----就像数学公式一样，它只应该"计算"结果，而不做其他任何事情。

                                2、事件处理程序
                                        
                        */
    </script>
  </body>
</html>